{extend name='public/layout'/}
<!-- 本页面要使用的css开始 -->
{block name='css'}
<link rel="stylesheet" href="__STATIC__/api/css/swiper-4.3.5.min.css?v={:time()}" />
<link rel="stylesheet" type="text/css" href="__STATIC__/api/css/index.css?v={:time()}" />
{/block}
<!-- 本页面要使用的css结束 -->

<!-- 本页面要使用的js开始 -->
{block name='js'}
<script src="__STATIC__/api/js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
<script src="__STATIC__/api/js/index.js" type="text/javascript" charset="utf-8"></script>
{/block}
<!-- 本页面要使用的js结束 -->

<!-- 页面主体开始 -->
{block name='app'}
<div class="top">
	<div class="wrap">
		<img src="__STATIC__/api/images/logo.png" alt="" class="logo">
		<div class="swiper-container">
			<div class="swiper-wrapper">
				<div class="swiper-slide" v-for="(item,index) in bannerList">
					<a :href="item.slider_url">
						<img :src="item.slider_image" alt="">
					</a>
				</div>
			</div>
		</div>
		<ul class="nav-list">
			<li>
				<a href="cashcard.html">
					<img src="__STATIC__/api/images/voucher.png" alt="">
					<p>代金券</p>
				</a>
			</li>
			<li>
				<a href="store-settle.html">
					<img src="__STATIC__/api/images/merchant.png" alt="">
					<p>商家入驻</p>
				</a>
			</li>
			<li>
				<a href="sign.html">
					<img src="__STATIC__/api/images/integral.png" alt="">
					<p>领积分</p>
				</a>
			</li>
			<li>
				<a href="404.html">
					<img src="__STATIC__/api/images/loan.png" alt="">
					<p>收单贷</p>
				</a>
			</li>
		</ul>
	</div>
</div>
<div class="shopping">
	<div class="wrap">
		<div class="shopping-title clearfix">
			<img src="__STATIC__/api/images/icon/hot.png" alt="" class="hot fl">
			<p class="title fl">附近好店</p>
			<a href="store.html" class="fr">
				<span>更多好店</span>
				<img src="__STATIC__/api/images/icon/goright.png" alt="">
			</a>
		</div>
		<div class="shopping-conent">
			<ul class="clearfix">
				<li class="clearfix" v-for="(item,index) in shopList">
					<div class="shop-img fl">
						<a @click="toGoodsDetail(item.id)"><img :src="item.shop_cover" alt="" class=""></a>
					</div>

					<div class="shop-right fl">
						<a @click="toGoodsDetail(item.id)">
							<p class="name">{{item.title}}</p>
							<div style="display: flex;justify-content: space-between;align-items: center;" id="">
								<p class="location">距离您约{{item.distance}}m</p>
								<p class="voucher"><i><img src="__STATIC__/api/images/icon/ticket.png"
											alt=""></i>代金券可用门店</p>
							</div>
						</a>
					</div>
				</li>
			</ul>
			<p class="no-more">没有更多了</p>
		</div>
	</div>
</div>
{include file='public/copyright' /}
{include file='public/foot' /}
{/block}
<!-- 页面主体结束 -->
